<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Magic Color Blog, Free CSS Tempate</title>
<meta name="keywords" content="magic color, blog theme, free CSS template" />
<meta name="description" content="Magic Color, Blog Theme, free website template by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

</head>
<body>

<div id="templatemo_body_wrapper">
	<div id="templatemo_wrapper">
    
		<div id="templatemo_header">
        	<div id="site_title"><h1><a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a></h1></div>
        </div>
        
        <div id="templatemo_menu">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="about.html">About Us</a></li>
                <li><a href="blog.html" class="current">Blog</a></li>
                <li><a href="gallery.html">Gallery</a></li>
                <li><a href="contact.html" class="last">Contact</a></li>
            </ul>    	
        </div> <!-- end of templatemo_menu -->
        
        <div id="templatemo_main">
            
            <div class="col_w900 hr_divider">
            
            	<div class="col_w280 lp_box float_r">
                    <h2>Our Services</h2>
                    <p>Fusce mattis massa vitae sem dapibus placerat. Aenean rutrum posuere neque eu suscipit. Nulla condimentum nisl at nisl molestie quis congue sem blandit. Mauris et ipsum enim.</p>
                    <ul class="tmo_list">
                        <li><a href="#"> In posuere sodales blandit </a></li>
                        <li><a href="#">Nulla nec nisi sem mauris</a></li>
                        <li><a href="#">Pellentesque tincidunt tempus </a></li>
                        <li><a href="#">Maecenas fermentum lacus arcu</a></li>
                        <li><a href="#">Ut vulputate iaculis feugiat</a></li>
                        <li><a href="#"> Suspendisse vulputate eleifend</a></li>
                        <li><a href="#">Cum sociis natoque penatibus et</a></li>
                        <li><a href="#">Vestibulum ante ipsum primis in</a></li>
                    </ul>    
                    <a class="more" href="#">More</a>
                </div>
                
                <div class="col_w580 float_l">
                    <div class="post_box">
                        <div class="post_box_date">
                            MAY 28, 2048
                            <span>by Thomas</span>
                        </div>
						
                        <div class="post_box_content">
                            <h2><a href="#">Etiam a Dui et Eros Imperdiet Rhoncus</a></h2>
                            <img src="images/templatemo_image_08.jpg" alt="Image 08" />
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed magna nec justo aliquam pretium vitae ultrices nibh. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
                        </div>
						
                        <div class="cleaner"></div>
                    </div>
					
                    <div class="post_box">
                        <div class="post_box_date">
                            MAY 24, 2048
                            <span>by Mojo </span>
                        </div>
						
                        <div class="post_box_content">
                            <h2><a href="#">Praesent vehicula orci eu turpis molestie</a></h2>
                            <img src="images/templatemo_image_06.jpg" alt="Image 06" />
                            <p>Phasellus blandit auctor massa dapibus feugiat. Proin pretium aliquam elit ac euismod. Nunc pulvinar dictum risus, vitae ornare est eget. </p>
                        </div>
						
                        <div class="cleaner"></div>
                    </div>
					
                    <div class="post_box">
                        <div class="post_box_date">
                            MAY 20, 2048
                            <span>by Dennis </span>
                        </div>
						
                        <div class="post_box_content">
                            <h2><a href="#">Curabitur accumsan rutrum neque id </a></h2>
                            <img src="images/templatemo_image_07.jpg" alt="Image 07" />
                            <p>Nam bibendum consequat erat sed posuere. Phasellus scelerisque, tellus mattis sodales sagittis, enim massa accumsan sem, quis fringilla libero metus id erat. </p>
                        </div>
						
                        <div class="cleaner"></div>
                    </div>
					
                    <a class="more" href="#">More</a>
                </div>
                
                <div class="cleaner"></div>
            </div>
            
            <div class="testimonial"><span class="close"></span>
                <p>Etiam velit dui, elementum nec hendrerit id, convallis in felis. Proin velit massa, lacinia non sagittis suscipit, pretium vitae est. Praesent lacinia ornare urna, eu pellentesque lacus dictum id. Vivamus viverra scelerisque metus eu pellentesque. Proin tincidunt bibendum leo. Curabitur at nisi et.</p>
                <p class="clientname">Flash Templates<span><a href="http://www.flashmo.com" target="_parent"> Nicky George</a></span></p>
            </div>
            
        </div> <!-- end of templatemo main -->
    	
    </div>
</div>

<div id="templatemo_footer_wrapper">
    <div id="templatemo_footer">
    	
		<a href="index.html">Home</a> | <a href="about.html">About Us</a> | <a href="blog.html">Blog</a> | <a href="gallery.html">Gallery</a> | <a href="contact.html" class="last">Contact</a> <br /><br />
        
        Copyright © 2048 <a href="#">Your Company Name</a> | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
    
    </div> <!-- end of templatemo_footer -->
</div>

</body>
</html>